.orderDetail {
  width: 100%;
  height: 100%;
  .et-flex-column-normal();

  .header-box {
    width: 100%;
    height: 62px;
    line-height: 62px;
    background-color: white;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    .et-flex-spacebetween();

    .title-box {
      font-size: @font-size-large;
      color: #666;
      font-weight: 700;

      .go-back {
        margin-left: 20px;
        color: #999;
        font-size: @font-size-base;
        font-weight: 700;
        cursor: pointer;
      }
    }

    .btn-box {
      .et-flex-start();

      .btn {
        width: 125px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        font-size: @font-size-base;
        background-color: @second-color;
        color: white;
        cursor: pointer;

        &:not(:first-child) {
          margin-left: 10px;
        }
      }
    }
  }

  .container {
    width: 100%;
    padding: 0 30px 30px;
    box-sizing: border-box;
    background-color: white;
    .et-flex-column-normal();

    .container-header {
      width: 100%;
      font-size: @font-size-base;
      padding: 30px 0;
      box-sizing: border-box;
      border-bottom: 1px dotted #e3e3e3;
      .et-flex-spacebetween();

      .container-header-item {
        flex: 1;
        .et-flex-start();

        &:nth-child(4) {
          flex: 0.5;
        }

        .label {
          color: #666666;
        }

        .status {
          height: 18px;
          line-height: 18px;
          padding: 0 10px;
          border-radius: 9px;
          background-color: @second-color;
          color: white;
          box-sizing: border-box;
          display: inline;

          &.wei {
            background-color: #fa7d29;
          }
        }

        .fail {
          color: red;
          font-weight: bold;
          cursor: pointer;
        }
      }
    }

    .insure-info {
      width: 100%;
      min-height: 200px;
      padding-bottom: 5px;
      border-bottom: 1px dotted #e3e3e3;
      .et-flex-column-normal();

      .insure-info-list {
        width: 100%;
        padding-left: 14px;
        .et-flex-normal();

        .list-col {
          width: 458px;
          line-height: 30px;
          .et-flex-start();

          .insure-label {
            width: 118px;
            color: #666666;
            text-align: right;
          }

          .insure-value {
            flex: 1;
            width: 100%;
            color: @text-color;
            .et-text-nowrap();
          }

          .active {
            font-weight: 700;
            color: @primary-color;
          }
        }
      }
    }

    .insure-user {
      width: 100%;
      padding-bottom: 5px;
      border-bottom: 1px dotted #e3e3e3;
      .et-flex-column-normal();

      .list-thed {
        width: 100%;
        padding: 5px 0;
        box-sizing: border-box;
        .et-flex-start();

        .label {
          flex: 1;
          font-size: @font-size-base;
          color: #909399;
          font-weight: 600;
          .et-flex-center();

          &:nth-child(2) {
            flex: 2;
          }

          &:nth-child(3) {
            flex: 1.8;
          }

          &:nth-child(4) {
            flex: 2;
          }

          &:nth-child(5) {
            flex: 2.8;
          }
        }
      }

      .people-list {
        width: 100%;
        .et-flex-column-normal();

        .item {
          width: 100%;
          padding: 8px 0;
          box-sizing: border-box;
          .et-flex-start();

          .value {
            flex: 1;
            font-size: @font-size-base;
            .et-flex-center();

            &:nth-child(2) {
              flex: 2;
            }

            &:nth-child(3) {
              flex: 1.8;
            }

            &:nth-child(4) {
              flex: 2;
            }

            &:nth-child(5) {
              flex: 2.8;
            }
          }
        }
      }

      .insure-user-list {
        width: 100%;
        .et-flex-column-normal();

        .insure-user-item {
          width: 100%;
          margin-bottom: 20px;
          .et-flex-start();

          .insure-user-label {
            width: 200px;
            text-align: right;
            color: #666666;
          }
        }
      }
    }

    .insure-program-area {
      width: 100%;
      .et-flex-column-normal();

      // .insure-program {
      //   width: 100%;
      //   border: 1px solid #d7d7d7;

      //   // tr {
      //   //   width: 100%;
      //   //   border-bottom: 1px solid #e3e3e3;
      //   //   color: #666666;

      //   //   .cell-name {
      //   //     width: 230px;
      //   //     color: @text-color;
      //   //     font-size: @font-size-large;
      //   //     font-weight: 700;
      //   //     vertical-align: middle;
      //   //   }

      //   //   td {
      //   //     &:first-child {
      //   //       text-align: center;
      //   //       border-right: 1px solid #e3e3e3;
      //   //     }
      //   //   }

      //   //   .main-risk {
      //   //     width: 100%;
      //   //     display: table;

      //   //     .main-risk-row {
      //   //       width: 100%;
      //   //       height: 92px;
      //   //       display: table-row;
      //   //       border-bottom: 1px dotted #e3e3e3;

      //   //       .main-risk-col {
      //   //         width: 50%;
      //   //         display: table-cell;
      //   //         vertical-align: middle;
      //   //         padding: 0 38px;
      //   //         box-sizing: border-box;

      //   //         &:first-child {
      //   //           font-weight: 700;
      //   //           color: #666666;
      //   //         }
      //   //       }

      //   //       .risk-info {
      //   //         line-height: 16px;

      //   //         span {
      //   //           display: table-row;
      //   //         }
      //   //       }
      //   //     }
      //   //   }

      //   //   .additional-risk {
      //   //     padding: 30px 38px;
      //   //     box-sizing: border-box;

      //   //     .risk-info {
      //   //       width: 100%;
      //   //       line-height: 16px;
      //   //       font-weight: 700;
      //   //       .et-flex-start();

      //   //       img {
      //   //         width: 16px;
      //   //         height: 16px;
      //   //         margin-right: 10px;
      //   //       }
      //   //     }
      //   //   }

      //   //   .deductible {
      //   //     height: 98px;
      //   //     line-height: 98px;

      //   //     span {
      //   //       padding: 0 38px;
      //   //       font-weight: 700;
      //   //     }
      //   //   }
      //   // }
      // }
      .plan-table {
        width: 100%;
        box-sizing: border-box;
        .et-flex-column-normal();

        .table-header {
          width: 100%;
          color: #909399;
          font-weight: bold;
          background-color: rgb(235, 235, 235);
          box-sizing: border-box;
          border: 1px solid transparent;
          .et-flex-start();

          .table-header-col {
            .et-flex-center();

            &:nth-child(1) {
              width: 260px;
            }

            &:nth-child(2) {
              flex: 1;
              border-left: 1px solid transparent;
            }

            &:nth-child(3) {
              flex: 1;
              border-left: 1px solid transparent;
            }

            &:nth-child(4) {
              flex: 1;
              border-left: 1px solid transparent;
            }

            &:nth-child(5) {
              flex: 1;
              border-left: 1px solid transparent;
            }

            padding: 12px 0;
          }
        }

        .table-rows {
          width: 100%;
          box-sizing: border-box;
          border-left: 1px solid #ebeef5;
          border-right: 1px solid #ebeef5;
          color: #606266;
          .et-flex-column-normal();

          .table-row {
            width: 100%;
            border-bottom: 1px solid #ebeef5;
            .et-flex-start();
            align-items: stretch;

            .table-col {
              width: 100%;
              min-height: 60px;
              .et-flex-center();
              padding-top: 10px;

              &:nth-child(1) {
                width: 260px;
              }
              &:last-child{
                flex: 1;
                border-left: 1px solid #ebeef5;
              }

              // &:nth-child(2) {
              //   flex: 1;
              //   border-left: 1px solid #ebeef5;
              // }

              // &:nth-child(3) {
              //   flex: 1;
              //   border-left: 1px solid #ebeef5;
              // }

              // &:nth-child(4) {
              //   flex: 1;
              //   border-left: 1px solid #ebeef5;
              // }

              // &:nth-child(5) {
              //   flex: 1;
              //   border-left: 1px solid #ebeef5;
              // }

              .content-item {
                width: 100%;
                min-height: 60px;
                .et-flex-center();
              }
            }
          }
        }
      }
    }

    .insure-invoice {
      width: 100%;
      padding-bottom: 5px;
      border-bottom: 1px dotted #e3e3e3;
      .et-flex-column-normal();

      .insure-invoice-list {
        width: 100%;
        .et-flex-normal();

        .insure-invoice-item {
          width: 50%;
          display: inline-block;
          padding-bottom: 20px;
          .et-text-nowrap();

          span {
            color: #666666;

            &:nth-child(2n) {
              color: @text-color;
            }
          }
        }
      }
    }
  }
}

.article-header {
  width: 100%;
  line-height: 22px;
  font-weight: 700;
  padding-left: 10px;
  color: @text-color;
  margin: 25px 0;
  font-size: @font-size-large;
  border-left: 4px solid #fa7d29;
}